<script lang="ts" setup>
// 待审批卡片组件
const props = defineProps<{
  pendingCount: number
}>()

const emit = defineEmits(['click'])

function handleClick() {
  emit('click')
}
</script>

<template>
  <view
    class="mx-4 mb-6 overflow-hidden rounded-xl from-[#3B82F6] to-[#60A5FA] bg-gradient-to-r p-5 shadow-lg"
    @click="handleClick"
  >
    <view class="flex items-center justify-between">
      <text class="text-lg text-white font-bold">待我审批</text>
      <view class="flex items-center justify-center">
        <text class="text-3xl text-white font-bold">{{ pendingCount }}</text>
        <text class="ml-3 text-lg text-white">›</text>
      </view>
    </view>
    <text class="mt-2 text-sm text-white/90">您有{{ pendingCount }}项待处理审批，请及时处理</text>
  </view>
</template>
